<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Zigya Technology Labs Pvt. Ltd. | Login</title>
<link rel="stylesheet" type="text/css" href="css/zigya.css"/>

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/CSSreset.min.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="css/als_demo.css" />
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css">		
<!--show and hide divs-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/default.css" media="all" />
<link rel="stylesheet" href="css/style.css">
<!--show and hide divs-->
<script src="js/modernizr.custom.js"></script>
<!--autogrow_field-->
<script src="js/jquery-autogrow.js"></script>
<script src="js/jquery-2.0.2.js"></script>
<!--autogrow_field-->
<!--header animation jQuery-->
<script src="js/jquery.lazylinepainter-1.1.min.js"></script>
<script src="js/raphael-min.js"></script>
<script src="js/header.js"></script>
<!--header animation jQuery-->
<!--placeholder jQuery-->
<script src="js/placeholder.js"></script>
<!--placeholder jQuery-->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" href="bootstrap.vertical-tabs.css">
<!--Zigya Css and jQuery starts-->
<style>
#page_navigation{margin-top: 40px;
margin-left: 60px;}
#page_navigation a{
	
margin: 5px;
color: #a2a2a2;
text-decoration: none;
background-image: url(images/pagination-circle.png);
background-repeat: no-repeat;
background-position: 4px;
padding: 12px 24px 14px 11px;
padding-top: 14px;
}
.active_page{
	background-image: url(images/pagination-circle.png);

	color:black !important;
}
.previous_link img{margin-left: -3px;}
.next_link img{margin-left: -2px;}
</style>
<style type="text/css">
.question-type1{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.question-type2{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.question-type3{padding-left:0px;
padding-right:0px;}

.flexipad1{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.flexipad2{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.flexipad3{padding-left:0px;
padding-right:0px;}

.member-analytics1{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.member-analytics2{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.member-analytics3{padding-left:0px;
padding-right:0px;}

.question-analytics1{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.question-analytics2{padding-left:0px;
padding-right:0px;margin-right: 6px;}
.question-analytics3{padding-left:0px;
padding-right:0px;}

.side-icons{position: absolute;
z-index: 1;
width: 76%;}


.side-icons1{background-color: #fce94f;
padding-left: 0px;
padding-right: 0px;position: absolute;
z-index: 1;
width: 76%;}
@media screen and (min-width:1680px) and (max-width:1920px){
.side-icons1{
width:78%;}
.side-icons{
width:78%;}
}
@media screen and (min-width:1470px) and (max-width:1600px){
.side-icons1{
width:77%;
}
.side-icons{
width:77%;
}
}

@media (max-width:1025px) {
.side-icons1{width:74%;}
.side-icons{width:74%;}
}


	.custom-radio{
		width: 16px;
		height: 16px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url("images/radio-sprite.png") no-repeat 0 0 transparent;
	}
	.custom-radio:hover{
		background-position: 0 -16px;
	}
	.custom-radio.selected{
		background-position: 0 -32px;
	}
	.custom-radio input[type="radio"]{
		margin: 1px;
		position: absolute;
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}
	/* Let's Beautify Our Form */
    form{
        margin: 20px;
    }
    label{
        display: block;
        padding: 2px 0;
    }
    input[type="submit"]{
        float: left;
        background: url(images/submit.png);
        border: none;
        border-radius: 4px;
        margin-top: 0px;
        padding: 4px 10px;
        cursor: pointer;
        outline: none;
    }
	
</style>
<!--Zigya Css and jQuery starts-->
<script>
$(document).ready(function(){
$("#side-flags").hide();
$("#side-notes").hide();
  $("#show").click(function(){
    $("#full_question").slideDown();	
	$("#hide").show();
	$("#show").hide();
  	//$(".show").addClass(show2);
  });
  
  $("#hide").click(function(){
    $("#full_question").slideUp();	
	$("#hide").hide();
	$("#show").show();
	});
	
	$("#flag").click(function(){
	$("#side-flags").show();
	$("#side-notes").hide();
	});
	
	$("#notes").click(function(){
	$("#side-notes").show();
	$("#side-flags").hide();
	});
	
	$("#tab1").click(function(){
	$("#side-flags").hide();
	$("#side-notes").hide();
	});
	
	$("#tab2").click(function(){
	$("#side-flags").hide();
	$("#side-notes").hide();
	});
	
	$("#tab3").click(function(){
	$("#side-flags").hide();
	$("#side-notes").hide();
	});
	
	$("#tab4").click(function(){
	$("#side-flags").hide();
	$("#side-notes").hide();
	});
	
	
	$(".expand").click( function(){
		//$(".answers2").css({'position':'absolute', 'left':'0px', 'top':'0px','width':'95.6%', 'height':'386px', 'background-color':'#ffffff'}, {duration:500});	
		$(".answers2").hide();
		$(".answers3").show();
		$(".expand2").show();
		$(".expand").hide();
		$("#page_navigation").hide();
	});
		
	$(".expand2").click( function(){
		//$(".answers2").css({'position':'absolute', 'left':'0px', 'top':'0px','width':'95.6%', 'height':'386px', 'background-color':'#ffffff'}, {duration:500});	
		$(".answers3").hide();
		$(".answers2").show();
		$(".expand").show();
		$(".expand2").hide();
		$("#page_navigation").show();
	});	

});
</script>

</head>

<body>
    <!--wrapper starts-->
        <section class="wrapper">
        	<!--header starts-->
			<div class="container-fluid">
			 <div class="container">
            	<header>
				 <div class="col-md-2 col-sm-2 col-lg-2 visible-sm visible-xs">
		 <div class="login">
                                <div class="login_icon">
                                     <a href="join_in.html">
                                        <svg version="1.1" id="Layer_1" x="0px" y="0px"
                                             width="30px" height="30px" viewBox="0 0 22.083 22.083" enable-background="new 0 0 22.083 22.083" xml:space="preserve">
                                        <circle fill="#EC1C65" cx="11.041" cy="11.042" r="11.041"/>
                                        <path fill="#FFFFFF" d="M12.043,17.998c0,0.104-0.23,0.188-0.516,0.188l0,0c-0.282,0-0.516-0.084-0.516-0.188v-7.29
                                            c0-0.104,0.233-0.188,0.516-0.188l0,0c0.285,0,0.516,0.084,0.516,0.188V17.998z"/>
                                        <path fill="#FFFFFF" d="M11.923,15.504c0.066,0,0.12,0.23,0.12,0.516l0,0c0,0.281-0.054,0.516-0.12,0.516H7.298
                                            c-0.066,0-0.12-0.234-0.12-0.516l0,0c0-0.285,0.053-0.516,0.12-0.516H11.923z"/>
                                        <path fill="#FFFFFF" d="M11.958,12.98c0.048,0,0.086,0.23,0.086,0.516l0,0c0,0.281-0.038,0.516-0.086,0.516H8.665
                                            c-0.047,0-0.085-0.234-0.085-0.516l0,0c0-0.285,0.038-0.516,0.085-0.516H11.958z"/>
                                        <circle fill="#EC1C65" stroke="#FFFFFF" cx="11.528" cy="7.834" r="2.813"/>
                                        </svg>
									</a>
                                </div>                  
                        </div>
		 </div>
                	<!--nav starts-->
					<nav class="visible-sm visible-xs navbar navbar-default" role="navigation">
					<div class="col-md-10 col-sm-10 col-lg-10">
					   <div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						</button>
						            <a class="navbar-brand" href="index.html">
                                    	<img src="images/zigya_logo.png" alt="Zigya Technology Labs Pvt. Ltd." width="120" >
                                    </a>
						
						</div>
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul>
        	<li><a href="javascript:void(0)"><p>Study</p></a></li>
            <li><a href="javascript:void(0)"><p>Practice</p></a></li>
            <li><a href="javascript:void(0)"><p>Assignment</p></a></li>
            <li><a href="javascript:void(0)"><p>Test</p></a></li>
            <li><a href="javascript:void(0)"><p>My Space</p></a></li>
            <li><a href="javascript:void(0)"><p>My Group Wall</p></a></li>
            
         </ul>
         </div>
		 </div>
		
                        </nav>
                    	<nav class="visible-lg visible-md">
                        	<ul>
                            	<li class="study" id="study">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_study">
                                        	<!--study_icon starts-->
                                            	<div id="study_icon"></div>
                                        	<!--study_icon closed-->
                                            <p>Study</p>
                                       	</div>
                                    </a>
                                </li>
                                <li class="practice" id="practice">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_practice">
                                        	<!--practice_icon starts-->
		                                    	<div id="practice_icon"></div>
        		                        	<!--practice_icon closed-->
                                            <p>Practice</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="assignment" id="assignment">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_assignment">
                                        	<!--assignment_icon starts-->
                            					<div id="assignment_icon"></div>
                            				<!--assignment_icon closed-->
                                   		<p>Assignment</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="logo">
                                	<a href="index.html">
                                    	<img src="images/zigya_logo.png" alt="Zigya Technology Labs Pvt. Ltd." width="100" >
                                    </a>
                                </li>
                                <li class="test" id="test">
                                	<a href="javascript:void(0)">
                                        <div class="icon_test">
                                            <!--test_icon starts-->
                                                <div id="test_icon"></div>
                                            <!--test_icon closed-->
                                        	 <p>Test</p>
                                   		</div>
                                    </a>
                                </li>
                                <li class="myspace" id="myspace">
                                	<a href="javascript:void(0)">
                                    	
                                    	<div class="icon_myspace">
                                        	<!--myspace_icon starts-->
                            					<div id="myspace_icon"></div>
            			                	<!--myspace_icon closed-->
                                        	<p>My Space</p>
                                        </div>
                                    </a>
                                </li>
                                <li class="group_wall" id="group_wall">
                                	<a href="javascript:void(0)">
                                    	<div class="icon_groupwall">
                                            <!--my_group_wall_icon starts-->
                            					<div id="my_group_wall_icon"></div>
                            				<!--my_group_wall_icon closed-->
                                            <p>My Group Wall</p>
                                        </div>
                                    	
                                    </a>
                                </li>
                                <div class="clear"></div>
                            </ul>
                            <!--pink_line1 starts-->
                            	<div id="pink_line1"></div>
                            <!--pink_line1 closed-->
                            <!--pink_line2 starts-->
                            	<div id="pink_line2"></div>
                            <!--pink_line2 closed-->
                            <!--pink_line3 starts-->
                            	<div id="pink_line3"></div>
                            <!--pink_line3 closed-->
                            <!--blue_line1 starts-->
                            	<div id="pink_line4"></div>
                            <!--blue_line1 closed-->
                            <!--blue_line2 starts-->
                            	<div id="pink_line5"></div>
                            <!--blue_line2 closed-->
                            <!--blue_line3 starts-->
                            	<div id="pink_line6"></div>
                            <!--blue_line3 closed-->
                        </nav>
                    <!--nav closed-->
                    <!--login_starts-->
                    	<div class="login visible-md visible-lg">
                                <div class="login_icon">
                                     <a href="join_in.html">
                                        <svg version="1.1" id="Layer_1" x="0px" y="0px"
                                             width="30px" height="30px" viewBox="0 0 22.083 22.083" enable-background="new 0 0 22.083 22.083" xml:space="preserve">
                                        <circle fill="#EC1C65" cx="11.041" cy="11.042" r="11.041"/>
                                        <path fill="#FFFFFF" d="M12.043,17.998c0,0.104-0.23,0.188-0.516,0.188l0,0c-0.282,0-0.516-0.084-0.516-0.188v-7.29
                                            c0-0.104,0.233-0.188,0.516-0.188l0,0c0.285,0,0.516,0.084,0.516,0.188V17.998z"/>
                                        <path fill="#FFFFFF" d="M11.923,15.504c0.066,0,0.12,0.23,0.12,0.516l0,0c0,0.281-0.054,0.516-0.12,0.516H7.298
                                            c-0.066,0-0.12-0.234-0.12-0.516l0,0c0-0.285,0.053-0.516,0.12-0.516H11.923z"/>
                                        <path fill="#FFFFFF" d="M11.958,12.98c0.048,0,0.086,0.23,0.086,0.516l0,0c0,0.281-0.038,0.516-0.086,0.516H8.665
                                            c-0.047,0-0.085-0.234-0.085-0.516l0,0c0-0.285,0.038-0.516,0.085-0.516H11.958z"/>
                                        <circle fill="#EC1C65" stroke="#FFFFFF" cx="11.528" cy="7.834" r="2.813"/>
                                        </svg>
									</a>
                                </div>                  
                        </div>
                    <!--login closed-->                    
                </header>
				</div>
			</div>
            <!--header closed-->
            <!--Container starts-->
			<div class="container-fluid">
			 
            	<section class="Container">
                	<h1>Zigya Join As</h1>
                    <!--information starts-->
					<div class="col-md-9 col-sm-9 col-lg-9 col-xs-12 zero-padding custom-margin-bottom">
                        <!--information starts-->
                       
                        	<!--information_inner starts-->
                            <div class="information" style="margin-left:50px;">	 
                        	<!--information_inner starts-->
                            	<div class="question_answers">
                                	<!--question_answer_header starts-->
                                    	<div class="question_answer_header">
                                        	<!--questions starts-->
                                            	<div class="questions questions1">
                                                    <div class="menu_icon"><a href="#"><img src="images/menu_icon.svg" width="30"></a></div>
                                                    <div class="header_text">Zigya<br>Questions</div>
                                                    <div class="clear"></div>
                                                </div>
                                            <!--questions closed-->
                                            <!--answers starts-->
                                            	<div class="answers">
                                                    <div class="edit"><a href="#"><img src="images/edit.png" width="24"></a></div>
                                                	<div class="expand"><a href="#"><img src="images/expand.png" width="24"></a></div>
                                                    <div class="expand2"><a href="#"><img src="images/expand.png" width="24"></a></div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            <!--answers closed-->
                                        </div>
                                    <!--question_answer_header closed-->
                                    <!--question_answer_body starts-->
                                    	<div class="question_answer_body">
                                        	
                                            <!--questions starts-->
                                            	<div class="questions">
                                                    <input type='hidden' id='current_page' />
													<input type='hidden' id='show_per_page' />
													<div id="lista3" class="als-container">
				
													<div class="als-viewport">
													<div class="als-wrapper">
                                                    <div class="question" id='content'>
                                                    	
                                                        <div class="q1 als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                        <div id="full_question">
                                                        	The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                         </div>
														  <div id="show" class="show"><a href="#"><img src="images/arrow.png"></a></div>
                                                        <div id="hide" class="show"><a href="#"><img src="images/arrow2.png"></a></div>
                                                       </div>
													   
													    <div class="q1 als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                        <div id="full_question">
                                                        	The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                         </div>
														
                                                       </div>
													   
													    <div class="q1 als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                        <div id="full_question">
                                                        	The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                         </div>
                                                       </div>
													   
													    <div class="q1 als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                        <div id="full_question">
                                                        	The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                         </div>
                                                       </div>
													   
													    <div class="q1 als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                        <div id="full_question">
                                                        	The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                         </div>
                                                       </div>
													   
													    <div class="q1 als-item">The Hon2. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                        <div id="full_question">
                                                        	The Hon2. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                         </div>
                                                       </div>
													   
													    <div class="q1 als-item">The Hon2. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                        <div id="full_question">
                                                        	The Hon2. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut.....
                                                         </div>
                                                       </div>
                                                        
                                                        
                                                        <div class="bookmarks">
                                                    		<ul>
                                                                <li><a href="#"><img src="images/assignment-icon.png" width="25"></a></li>
                                                                <li><a href="#"><img src="images/bookmark.png" width="25"></a></li>
                                                                
																<div class="clear"></div>
                                                            </ul>
                                                        </div>
                                                        
                                                    	<div class="clearfix"></div>
                                                             
                                                    </div>
													</div>
													</div>
													<span class="als-prev"><img src="images/up-arrow.png" alt="prev" title="previous" /></span>
													<span class="als-next" style="left:10px;"><img src="images/down-arrow.png" alt="next" title="next" /></span>
													</div>
                                                                                                        
                                                    <div class="clearfix"></div>
                                                   <div id='page_navigation'></div>

                                                </div>
                                            <!--questions closed-->
                                            <!--answers starts-->
                                            	<div class="answers2">
                                                	<section id="content">
													<div id="lista2" class="als-container">
				
													<div class="als-viewport">
													<div class="als-wrapper">
                                                    <div class="answer">
                                                    
													<div id="demo">
		<section id="examples">
			
			<!-- content -->
			<div class="content mCustomScrollbar">
													
                                                        <p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
														<p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
														<p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
														<p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
														<p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
                                                        <p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that</p>

</div>
			
			
			
			
			
		</section>
	</div>
													</div>
													</div>
													</div>
													<span class="als-prev"><img src="images/up-arrow.png" alt="prev" title="previous" /></span>
													<span class="als-next"><img src="images/down-arrow.png" alt="next" title="next" /></span>
													</div>
													</section>
                                                  <ul>
												  <li><a href="#"></a></li>
												  <li><a href="#"></a></li>
												  <li><a href="#"></a></li>
												  <li><a href="#"></a></li>
												  <li><a href="#"></a></li>
												  <li><a href="#" id="flag"></a></li>
												  <li><a href="#" id="notes"></a></li>
												  <li><a href="#"></a></li>
												  </ul>  
                                                    <div class="clearfix"></div>
                                                </div>
                                            <!--answers closed-->
                                            <div class="answers3">
                                                	<section id="content">
													<div id="lista1" class="als-container">
				
													<div class="als-viewport">
													<div class="als-wrapper">
                                                    <div class="answer">
													
													<div id="demo">
		<section id="examples">
			
			<!-- content -->
			<div class="content mCustomScrollbar" style="width:809px;">
                                                    
                                                        <p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
														<p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
														<p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
														<p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
														<p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that there was "in Connecticut, on an average, one liquor shop to every forty voters, and three to every Christian church. In this city, as stated in the _Hartford Times_, recently, we have five hundred liquor shops, and one million eight hundred and twenty-five thousand dollars were, last year, paid for intoxicating drinks. A cry, an appeal, came to me from the city, a few days since, after this wise: 'Our young men are going to destruction, and we want your influence, counsel, and prayers, to help save them.'"</p>
                                                        
                                                        <p class="als-item">The Hon. Francis Gillette, in a speech in Hartford, Conn., in 1871, said that</p>

													 </div>
			
			
			
			
			
		</section>
	</div>
														</div>
													</div>
													</div>
													<span class="als-prev"><img src="images/up-arrow.png" alt="prev" title="previous" /></span>
													<span class="als-next" style="left:10px;"><img src="images/down-arrow.png" alt="next" title="next" /></span>
													</div>
													</section>
                                                  
                                                    <div class="clearfix"></div>
                                                </div>
                                        </div>
                                    <!--question_answer_body closed-->
                                </div>
										
                            <!--information_inner closed-->
                            <!--information_nav starts-->
                                <div class="information_nav visible-lg visible-md custom-information-nav">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <svg id="Layer_1" x="0px" y="0px" width="30px" height="93px" viewBox="0 0 19.473 59.494" >
                                                    <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-557.9998" y1="2226.7471" x2="-538.5281" y2="2226.7471" gradientTransform="matrix(1 0 0 -1 558 2256.4941)">
                                                        <stop  offset="0.3768" style="stop-color:#29ABE2"/>
                                                        <stop  offset="0.8528" style="stop-color:#127DC2"/>
                                                    </linearGradient>
                                                    <path fill="url(#SVGID_2_)" d="M0,0c0,13.752,19.472,11.883,19.472,23.693c0,21.174,0-5.025,0,12.106
                                                        C19.473,46.633,0,45.742,0,59.494V0z"/>
                                                    </svg>
                                                </a>
                                            </li>
                                            <li>
                                            	<a href="#">
													<svg version="1.1" id="Layer_2" x="0px" y="0px"
                                                         width="30px" height="93px" viewBox="0 0 19.473 59.494" enable-background="new 0 0 19.473 59.494" xml:space="preserve">
                                                    <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-557.9998" y1="2226.7471" x2="-538.5271" y2="2226.7471" gradientTransform="matrix(1 0 0 -1 558 2256.4941)">
                                                        <stop  offset="0.3768" style="stop-color:#D5DF38"/>
                                                        <stop  offset="0.5531" style="stop-color:#D3DE38"/>
                                                        <stop  offset="0.687" style="stop-color:#CADB39"/>
                                                        <stop  offset="0.8068" style="stop-color:#BAD53B"/>
                                                        <stop  offset="0.9178" style="stop-color:#A4CD3D"/>
                                                        <stop  offset="0.968" style="stop-color:#98C93E"/>
                                                    </linearGradient>
                                                    <path fill="url(#SVGID_3_)" d="M0,0.001c0,13.752,19.473,11.883,19.473,23.693c0,21.172,0-5.025,0,12.104
                                                        C19.473,46.632,0,45.743,0,59.493V0.001z"/>
                                                    </svg>
                                                 </a>
                                            </li>
                                        	<li>
                                            	<a href="#">
                                                	<svg version="1.1" id="Layer_3" x="0px" y="0px"
                                                         width="30px" height="93px" viewBox="0 0 19.473 59.494" enable-background="new 0 0 19.473 59.494" xml:space="preserve">
                                                    <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-557.9998" y1="2226.7471" x2="-538.5271" y2="2226.7471" gradientTransform="matrix(1 0 0 -1 558 2256.4941)">
                                                        <stop  offset="0.3768" style="stop-color:#EB195E"/>
                                                        <stop  offset="0.5285" style="stop-color:#E41A5D"/>
                                                        <stop  offset="0.6438" style="stop-color:#D61C59"/>
                                                        <stop  offset="0.7469" style="stop-color:#C21E55"/>
                                                        <stop  offset="0.843" style="stop-color:#A71F4E"/>
                                                        <stop  offset="0.9334" style="stop-color:#881E45"/>
                                                        <stop  offset="0.968" style="stop-color:#7A1C41"/>
                                                    </linearGradient>
                                                    <path fill="url(#SVGID_1_)" d="M0,0c0,13.752,19.473,11.885,19.473,23.695c0,21.172,0-5.025,0,12.104
                                                        C19.473,46.633,0,45.742,0,59.494V0z"/>
                                                    </svg>
                                                </a>
                                            </li>
                                        </ul>
                                    
                                    </div>
                             <!--information_nav closed-->
                             <div class="clear"></div>
                       </div>
					</div>
                   	<!--information closed-->
                	<!--information_aside starts-->
					<div class="col-md-3 col-lg-3 col-sm-3 col-xs-12">
                    	<div class="information_aside">
                        	<!--advertisment starts-->
                            	<div class="advertisment_aside1">
								 
                                	<img src="images/adv.png" width="240" class="img-responsive" alt="advertisment"><br><br>
									
									<div class="col-xs-10 sidebar-tab side-icons" id="side-flags">
									<ul>
									<li><a href="#">Incorrect</a>  Question or Answer</li>

									<li>The answer is <a href="#">Incomplete</a></li>

									<li><a href="#">Quality</a>  inappropriate</li> 

									<li>Question is <a href="#">Repetitive</a></li>

									<li><a href="#">Infringement</a> of rights</li>
									</ul>	
								 </div>
								 <div class="col-xs-10 sidebar-tab1 side-icons1" id="side-notes">
								 <h3>Notes</h3>
								 <textarea name="notes" class="notes"> This is a dummy content</textarea>
									
									<img src="images/submit.png" class="img-responsive">
								 </div>
									<div class="col-xs-10 tab2 sidebar-tab">
										<!-- Tab panes -->
										<div class="tab-content">
											<div class="tab-pane active" id="home-r">
											<div class="col-md-2 col-sm-2 col-lg-2 question-type1">
											<ul>
											<li><a href="#"><img src="images/question_type/icon1.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_type/icon2.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_type/icon3.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_type/icon4.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-2 col-sm-2 col-lg-2 question-type2">
											<ul>
											<li><a href="#"><img src="images/question_type/icon5.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_type/icon6.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_type/icon7.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_type/icon8.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-2 col-sm-2 col-lg-2 question-type3">
											<ul>
											<li><a href="#"><img src="images/question_type/icon9.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_type/icon10.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_type/icon11.png" class="img-responsive"></a></li>
											
											</ul>
											</div>
											<div class="col-md-4 col-sm-4 col-lg-4 question-type">
											<h5>Question Types</h5>
											</div>
											
											</div>
											<div class="tab-pane" id="profile-r">
											<div class="col-md-2 col-sm-2 col-lg-2 flexipad1">
											<ul>
											<li><a href="#"><img src="images/flexipad/icon1.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon2.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon3.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon4.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-2 col-sm-2 col-lg-2 flexipad2">
											<ul>
											<li><a href="#"><img src="images/flexipad/icon5.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon6.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon7.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon8.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-2 col-sm-2 col-lg-2 flexipad3">
											<ul>
											<li><a href="#"><img src="images/flexipad/icon9.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon10.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon11.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon12.png" class="img-responsive"></a></li>
											
											</ul>
											</div>
											<div class="col-md-2 col-sm-2 col-lg-2 flexipad4">
											<ul>
											<li><a href="#"><img src="images/flexipad/icon13.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/flexipad/icon14.png" class="img-responsive"></a></li>
											</ul>
											</div>
											
											<div class="col-md-2 col-sm-2 col-lg-2 flexipad">
											<h5>Flexipad</h5>
											</div>
											
											</div>
											<div class="tab-pane" id="messages-r">
											
											<div class="col-md-2 col-sm-2 col-lg-2 member-analytics1">
											<ul>
											<li><a href="#"><img src="images/question_analytics/icon1.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon2.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon3.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon4.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-2 col-sm-2 col-lg-2 member-analytics2">
											<ul>
											<li><a href="#"><img src="images/question_analytics/icon5.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon6.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon7.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon8.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-2 col-sm-2 col-lg-2 member-analytics3">
											<ul>
											<li><a href="#"><img src="images/question_analytics/icon9.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon10.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon11.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-4 col-sm-4 col-lg-4 member-analytics">
											<h5>Member Analytics</h5>
											</div>
											
											</div>
											<div class="tab-pane" id="settings-r">
											<div class="col-md-2 col-sm-2 col-lg-2 question-analytics1">
											<ul>
											<li><a href="#"><img src="images/question_analytics/icon1.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon2.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon3.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon4.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-2 col-sm-2 col-lg-2 question-analytics2">
											<ul>
											<li><a href="#"><img src="images/question_analytics/icon5.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon6.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon7.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon8.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-2 col-sm-2 col-lg-2 question-analytics3">
											<ul>
											<li><a href="#"><img src="images/question_analytics/icon9.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon10.png" class="img-responsive"></a></li>
											<li><a href="#"><img src="images/question_analytics/icon11.png" class="img-responsive"></a></li>
											</ul>
											</div>
											<div class="col-md-4 col-sm-4 col-lg-4 question-analytics">
											<h5>Question Analytics</h5>
											</div>
											</div>
										</div>
									</div>

									<div class="col-xs-2 tab3"> <!-- required for floating -->
  <!-- Nav tabs -->
										<ul class="nav nav-tabs tabs-right tab4">
										<li><a href="#home-r" data-toggle="tab" id="tab1"><img src="images/tab1.png"/></a></li>
										<li><a href="#profile-r" data-toggle="tab" id="tab2"><img src="images/tab2.png"/></a></li>
										<li><a href="#messages-r" data-toggle="tab" id="tab3"><img src="images/tab3.png"/></a></li>
										<li><a href="#settings-r" data-toggle="tab"id="tab5"><img src="images/tab4.png"/></a></li>
										</ul>
									</div>
                                </div>
                            <!--advertisment closed-->
                             <div class="clear"></div>
							 <ul class="bottom">
							 <li><a href="#"><img src="images/bottom-flexipad-icon1.png"></a></li>
							 <li><a href="#"><img src="images/bottom-flexipad-icon2.png"></a></li>
							 <li><a href="#"><img src="images/bottom-flexipad-icon3.png"></a></li>
							 <li><a href="#"><img src="images/bottom-flexipad-icon4.png"></a></li>
							 <li><a href="#"><img src="images/bottom-flexipad-icon5.png"></a></li>
							 <li><a href="#"><img src="images/bottom-flexipad-icon6.png"></a></li>
							 <li><a href="#"><img src="images/bottom-flexipad-icon7.png"></a></li>
							 <li><a href="#"><img src="images/bottom-flexipad-icon8.png"></a></li>
							 </ul>
                        </div>
					</div>
                	<!--information_aside closed-->
                    <div class="clear"></div>
                </section>
			    
				</div>
              <!--Container closed-->
        </section>
    <!--wrapper closed-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
	 <script src="js/bootstrap.min.js"></script>
	 <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.als-1.7.min.js"></script>
<script type="text/javascript">
			$(document).ready(function() 
			{
				$("#lista1").als({
					visible_items: 2,
					scrolling_items: 1,
					orientation: "vertical",
					circular: "no",
					autoscroll: "no"
				});
				
				$("#lista2").als({
					visible_items: 2,
					scrolling_items: 1,
					orientation: "vertical",
					circular: "no",
					autoscroll: "no"
				});
				$("#lista3").als({
					visible_items: 2,
					scrolling_items: 1,
					orientation: "vertical",
					circular: "no",
					autoscroll: "no"
				});
			});
		</script>
		<script type="text/javascript">
$(document).ready(function(){
	
	//how much items per page to show
	var show_per_page = 5; 
	//getting the amount of elements inside content div
	var number_of_items = $('#content').children().size();
	//calculate the number of pages we are going to have
	var number_of_pages = Math.ceil(number_of_items/show_per_page);
	
	//set the value of our hidden input fields
	$('#current_page').val(0);
	$('#show_per_page').val(show_per_page);
	
	//now when we got all we need for the navigation let's make it '
	
	/* 
	what are we going to have in the navigation?
		- link to previous page
		- links to specific pages
		- link to next page
	*/
	var navigation_html = '<a class="previous_link" href="javascript:previous();"><img src="images/right-arrow1.png"></a>';
	var current_link = 0;
	while(number_of_pages > current_link){
		navigation_html += '<a class="page_link" href="javascript:go_to_page(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
		current_link++;
	}
	navigation_html += '<a class="next_link" href="javascript:next();"><img src="images/left-arrow1.png"></a>';
	
	$('#page_navigation').html(navigation_html);
	
	//add active_page class to the first page link
	$('#page_navigation .page_link:first').addClass('active_page');
	
	//hide all the elements inside content div
	$('#content').children().css('display', 'none');
	
	//and show the first n (show_per_page) elements
	$('#content').children().slice(0, show_per_page).css('display', 'block');
	
});

function previous(){
	
	new_page = parseInt($('#current_page').val()) - 1;
	//if there is an item before the current active link run the function
	if($('.active_page').prev('.page_link').length==true){
		go_to_page(new_page);
	}
	
}

function next(){
	new_page = parseInt($('#current_page').val()) + 1;
	//if there is an item after the current active link run the function
	if($('.active_page').next('.page_link').length==true){
		go_to_page(new_page);
	}
	
}
function go_to_page(page_num){
	//get the number of items shown per page
	var show_per_page = parseInt($('#show_per_page').val());
	
	//get the element number where to start the slice from
	start_from = page_num * show_per_page;
	
	//get the element number where to end the slice
	end_on = start_from + show_per_page;
	
	//hide all children elements of content div, get specific items and show them
	$('#content').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
	
	/*get the page link that has longdesc attribute of the current page and add active_page class to it
	and remove that class from previously active page link*/
	$('.page_link[longdesc=' + page_num +']').addClass('active_page').siblings('.active_page').removeClass('active_page');
	
	//update the current page input field
	$('#current_page').val(page_num);
}
  
</script>
</body>
</html>
